{% extends "trees/base.html" %}
{% block title %}Profile - JM3{% endblock %}
{% block content %}
<h2 class="mb-3">Profile</h2>
<div class="card shadow-sm mb-3">
  <div class="card-body">
    <h4 class="mb-1">{{ user.username }}</h4>
    <p class="text-muted mb-2">{% if prof %}{{ prof.get_role_display }}{% else %}Field Officer{% endif %}
      {% if prof.organization %}&middot; {{ prof.organization.name }}{% endif %}</p>
    <div class="row text-center">
      <div class="col-6"><div class="fs-3 fw-bold text-jm3">{{ my_trees }}</div><div class="text-muted small">Trees registered</div></div>
      <div class="col-6"><div class="fs-3 fw-bold text-jm3">{{ my_visits }}</div><div class="text-muted small">Monitoring visits</div></div>
    </div>
  </div>
</div>
<form method="post" action="{% url 'logout' %}">
  {% csrf_token %}
  <button class="btn btn-outline-danger w-100" type="submit">Logout</button>
</form>
{% endblock %}
{% block extra_js %}{% endblock %}